<div ref="minimapContainer" class="jhlite-landscape-minimap jhlite-minimap--container">
  <button v-if="!isMiniMapOpen" class="jhlite-button-main -block" @click="openMiniMap" data-testid="show-minimap-btn">OPEN MINIMAP</button>
  <button
    class="jhlite-button-main -rounded-top -small"
    v-if="isMiniMapOpen"
    @click="closeMiniMap"
    title="Hide minimap"
    data-testid="hide-minimap-btn"
  >
    <IconVue name="eye-off" aria-label="Icon map" title="Hide minimap" />
  </button>
  <div ref="minimapSize" class="jhlite-minimap--size">
    <div
      ref="minimapViewer"
      class="jhlite-minimap--viewer"
      @mousedown="startGrabbing"
      @mousemove="grabbing"
      @mouseup="stopGrabbing"
      @mouseleave="stopGrabbing"
      data-testid="minimap-viewer"
    ></div>
    <div data-testid="minimap-content" ref="minimapContent" class="jhlite-minimap--content" v-html="minimapHTML"></div>
  </div>
</div>
